<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>{% block title %}{% endblock %}</title>

{% block stylesheet %}
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<style type="text/css">
</style>
{% endblock %}

{% block javascript %}  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
{% endblock %}
</head> 
<body>
  <div data-role="page">
    <div data-role="header" data-theme="f">
      <h1>Brispon Mobile</h1>
      <a href="{% url auth_login %}" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
    </div><!-- /header -->
    <div data-role="footer">        
        <div data-role="navbar" data-iconpos="bottom">
          <ul>
            <li><a href="{% url mcoupons %}" {% ifequal m_current_page "coupon" %} class="ui-btn-active" {% endifequal %} data-icon="star">Coupon</a></li>
            <li><a href="{% url mstores %}" {% ifequal m_current_page "store" %} class="ui-btn-active" {% endifequal %} data-icon="star">Store</a></li>
            <li><a href="{% url mevents %}" {% ifequal m_current_page "event" %} class="ui-btn-active" {% endifequal %} data-icon="star">Event</a></li>
          </ul>
        </div><!-- /navbar -->
      </div><!-- /footer -->
    <div data-role="content">  
    {% block content %}
    {% endblock %}
    </div>
  </div>
</body>
</html>